html,input,a,ul,li,dl,dt,dd,img,label{margin:0;padding:0;text-decoration: none;border:0;font-weight: normal;font-family:"Microsoft YaHei";}
body{
    background-color: #333;
}
/* header */
/*??*/
.box-header{
    background-color:#000;
    color:white;
    width:100%;
    height:36px;
    min-width: 320px;
    border:0px solid #000;
}
.box-header-div1{
    width:30%;
    height:36px;
    border:0px solid #000;
    float:left;
}
.box-header-div1_div1{
    width:10%;
    height:36px;
    margin-left:10px;
    line-height:36px;
    float:left;
    border:0px solid #000;
}
.box-header-div1_div1 img{
    width:12px;
    height:22px;
}
.box-header-div1-div2{
    width:50%;
    height:36px;
    line-height:40px;
    float:left;
    border:0px solid #000;
}
.box-header-div1-div2 a{
    color:white;
    font-size:18px;
    line-height:23px;
}
a:hover{
    text-decoration:none ;
}
.box-header-div2{
    width:40%;
    height:36px;
    border:0px solid #000;
    text-align:center;
    line-height:36px;
    float:left;
    font-size:18px;
}
.box-header-div2{
    color:white;
}
.box-header-div3{
    width:30%;
    height:36px;
    line-height:36px ;
    border:0px solid #000;
    float:left;
}
.box-header-div3 img{
    margin-left:60%;
    /*padding-left: 60%;*/
}


.All{ min-width: 320px;margin-top:4%;height:620px;min-height: 620px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -webkit-border-radius: 5px;
}/* margin:0;padding:0; */
.All_son{
    height:460px;min-height: 460px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -webkit-border-radius: 5px;
    background-color: #fff;
}

/* 头像 大 */
.headportrait_txate{padding-top:3%;padding-left:4%;}
.headportrait_txate_img{
    width:20%;
    float: left;
    display: inline-block;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.headportrait_txate_img img{
    width:100%;
    height:56px;
}

.headportrait_txate_text{
    padding: 3% 0 0 3%;
    width:80%;
    float: left;
}
.headportrait_txate_text img{
    width:13px;
    height:13px;
}

/* 昵称 */
.headportrait_txate_text_one{
    font-size: 1.4rem;
}
/* 上海  徐汇区 */
.headportrait_txate_text_two{
    font-size: 0.2rem;
    color:#999;
    margin-top:-3%;
}

/* 二维码 */
.code_img{
    margin: 0 auto;
    width:80%;
}
.code_img img{
    width:100%;
    height:240px;
    margin-top:7%;
}
.code_img_usertx{
    width:60px;min-width: 60px;
    height:60px;min-height: 60px;
    position: relative;
    top:-156px;
    margin: 0 auto;
}
.code_img_usertx img{
    width:60px;min-width: 60px;
    height:60px;min-height: 60px;
    margin:0 auto;
}

/* 长按识别 */
.shibie_text{
    margin-top:10%;
    text-align: center;
    color:#999;
    font-size: 0.2rem;
}
/* 分享 */
.fenxiang_text_son{
    text-align: center;
    margin-top:7%;
}
.fenxiang_text .fenxiang_text_son a{
    text-align: center;
    color:#000;
    font-size:1.4rem;
    border:1px solid #66ccff;
    padding:3% 10% 3% 10%;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -webkit-border-radius: 5px;
}


@media screen and (min-width: 375px) {
    /* 头像 大 */
    .headportrait_txate{padding-top:3%;padding-left:5%;}
    .headportrait_txate_img img{
        width:100%;
        height:63px;
    }
    /* 昵称 */
    .headportrait_txate_text_one{
        font-size: 1.6rem;
    }
    /* 二维码 */
    .code_img img{
        width:100%;
        height:260px;
        margin-top:7%;
    }
    .code_img_usertx{
        width:62px;min-width: 62px;
        height:62px;min-height: 62px;
        position: relative;
        top:-159px;
        margin: 0 auto;
    }
    .code_img_usertx img{
        width:62px;min-width: 62px;
        height:62px;min-height: 62px;
        margin:0 auto;
    }
    /* 长按识别 */
    .shibie_text{
        margin-top:10%;
        text-align: center;
        color:#999;
        font-size: 1.4rem;
    }
    /* 分享 */
    .fenxiang_text .fenxiang_text_son a{
        font-size:1.6rem;
    }
    .All_son{height:500px;min-height: 500px;}
}

@media screen and (min-width: 360px) {
    /* 头像 大 */
    .headportrait_txate{padding-top:3%;padding-left:5%;}
    .headportrait_txate_img img{
        width:100%;
        height:60px;
    }
    /* 昵称 */
    .headportrait_txate_text_one{
        font-size: 1.6rem;
    }
    /* 二维码 */
    .code_img img{
        width:100%;
        height:258px;
        margin-top:7%;
    }
    .code_img_usertx{
        width:60px;min-width: 60px;
        height:60px;min-height: 60px;
        position: relative;
        top:-159px;
        margin: 0 auto;
    }
    .code_img_usertx img{
        width:60px;min-width: 60px;
        height:60px;min-height: 60px;
        margin:0 auto;
    }
    /* 长按识别 */
    .shibie_text{
        margin-top:10%;
        text-align: center;
        color:#999;
        font-size: 1.4rem;
    }
    /* 分享 */
    .fenxiang_text .fenxiang_text_son a{
        font-size:1.6rem;
    }
    .All_son{height:500px;min-height: 500px;}
    .All{ min-width: 320px;height:700px;min-height: 700px;}
}

@media screen and (min-width: 414px) {
    /* 头像 大 */
    .headportrait_txate{padding-top:3%;padding-left:5%;}
    .headportrait_txate_img img{
        width:100%;
        height:66px;
    }
    /* 昵称 */
    .headportrait_txate_text_one{
        font-size: 1.7rem;
    }
    /* 上海  徐汇区 */
    .headportrait_txate_text_two{
        font-size: 1.4rem;
        color:#999;
        margin-top:-3%;
    }
    /* 二维码 */
    .code_img img{
        width:100%;
        height:280px;
        margin-top:7%;
    }
    .code_img_usertx{
        width:62px;min-width: 62px;
        height:62px;min-height: 62px;
        position: relative;
        top:-159px;
        margin: 0 auto;
    }
    .code_img_usertx img{
        width:62px;min-width: 62px;
        height:62px;min-height: 62px;
        margin:0 auto;
    }
    /* 长按识别 */
    .shibie_text{
        margin-top:10%;
        text-align: center;
        color:#999;
        font-size: 1.6rem;
    }
    /* 分享 */
    .fenxiang_text .fenxiang_text_son a{
        font-size:1.6rem;
    }
    .All_son{height:510px;min-height: 510px;}
}

@media screen and (min-width: 480px) {
    /* 头像 大 */
    .headportrait_txate{padding-top:3%;padding-left:5%;}
    .headportrait_txate_img img{
        width:100%;
        height:80px;
    }
    /* 昵称 */
    .headportrait_txate_text_one{
        font-size: 2rem;
    }
    /* 二维码 */
    .code_img img{
        width:100%;
        height:320px;
        margin-top:7%;
    }
    .code_img_usertx{
        width:60px;min-width: 60px;
        height:60px;min-height: 60px;
        position: relative;
        top:-182px;
        margin: 0 auto;
    }
    .code_img_usertx img{
        width:60px;min-width: 63px;
        height:60px;min-height: 63px;
        margin:0 auto;
    }
    /* 长按识别 */
    .shibie_text{
        margin-top:6%;
        text-align: center;
        color:#999;
        font-size: 1.8rem;
    }
    /* 分享 */
    .fenxiang_text{margin-top:10%;}
    .fenxiang_text .fenxiang_text_son a{
        font-size:2rem;
    }
    .All_son{height:640px;min-height: 640px;}
    .All{ min-width: 320px;height:900px;min-height: 900px;}
}

@media screen and (min-width: 640px) and (min-height: 360px) {
    /* 头像 大 */
    .headportrait_txate{padding-top:3%;padding-left:5%;}
    .headportrait_txate_img img{
        width:100%;
        height:100px;
    }
    /* 昵称 */
    .headportrait_txate_text_one{
        font-size: 2.2rem;
    }
    /* 上海  徐汇区 */
    .headportrait_txate_text_two{
        font-size: 1.6rem;
        color:#999;
        margin-top:-1%;
    }
    /* 二维码 */
    .code_img img{
        width:100%;
        height:330px;
        margin-top:7%;
    }
    .code_img_usertx{
        width:100px;min-width: 100px;
        height:62px;min-height: 100px;
        position: relative;
        top:-206px;
        margin: 0 auto;
    }
    .code_img_usertx img{
        width:62px;min-width: 80px;
        height:62px;min-height: 80px;
        margin:0 auto;
    }
    /* 长按识别 */
    .shibie_text{
        margin-top:10%;
        text-align: center;
        color:#999;
        font-size: 1.6rem;
    }
    /* 分享 */
    .fenxiang_text .fenxiang_text_son a{
        font-size:1.6rem;
    }
    .All_son{height:650px;min-height: 650px;}
    .All{ min-width: 320px;height:900px;min-height: 900px;}
}

@media screen and (min-width: 768px) {
    /* 头像 大 */
    .headportrait_txate{padding-top:3%;padding-left:5%;}
    .headportrait_txate_img img{
        width:100%;
        height:124px;
    }
    /* 昵称 */
    .headportrait_txate_text_one{
        font-size: 2.4rem;
    }
    /* 上海  徐汇区 */
    .headportrait_txate_text_two{
        font-size: 2.2rem;
        color:#999;
        margin-top:1%;
    }
    .headportrait_txate_text img{
        width:20px;
        height:22px;
    }
    /* 二维码 */
    .code_img img{
        width:100%;
        height:530px;
        margin-top:7%;
    }
    .code_img_usertx{
        width:100px;min-width: 100px;
        height:100px;min-height: 100px;
        position: relative;
        top:-310px;
        margin: 0 auto;
    }
    .code_img_usertx img{
        width:116px;min-width: 116px;
        height:116px;min-height: 116px;
        margin:0 auto;
    }
    /* 长按识别 */
    .shibie_text{
        margin-top:8%;
        text-align: center;
        color:#999;
        font-size: 2.4rem;
    }
    /* 分享 */
    .fenxiang_text .fenxiang_text_son a{
        font-size:2.6rem;
    }
    .box-header{height:54px;padding-top:1%;}
    .box-header strong{font-size: 2.2rem;}
    .All_son{height:1000px;min-height: 1000px;}
    .All{ min-width: 320px;height:1200px;min-height: 1200px;}
}

@media screen and (min-width: 1024px) {
    /* 头像 大 */
    .headportrait_txate{padding-top:3%;padding-left:5%;}
    .headportrait_txate_img img{
        width:100%;
        height:174px;
    }
    /* 昵称 */
    .headportrait_txate_text_one{
        font-size:4.2rem;
    }
    /* 上海  徐汇区 */
    .headportrait_txate_text_two{
        font-size: 3.2rem;
        color:#999;
        margin-top:1%;
    }
    .headportrait_txate_text img{
        width:28px;
        height:32px;
    }
    /* 二维码 */
    .code_img img{
        width:100%;
        height:700px;
        margin-top:7%;
    }
    .code_img_usertx{
        width:100px;min-width: 100px;
        height:100px;min-height: 100px;
        position: relative;
        top:-450px;
        margin: 0 auto;
    }
    .code_img_usertx img{
        width:116px;min-width: 132px;
        height:116px;min-height: 132px;
        margin:0 auto;
    }
    /* 长按识别 */
    .shibie_text{
        margin-top:3%;
        text-align: center;
        color:#999;
        font-size: 3.6rem;
    }
    /* 分享 */
    .fenxiang_text_son{margin-top: -3%;}
    .fenxiang_text .fenxiang_text_son a{
        border:2px solid #66ccff;
        font-size:4rem;
    }
    .box-header{height:76px;padding-top:1.6%;}
    .box-header strong{font-size: 2.6rem;}
    .All_son{height:1380px;min-height: 1380px;}
    .All{ min-width: 320px;height:1700px;min-height: 1700px;}
}


@media screen and (min-width: 1600px) {
    /* 头像 大 */
    .headportrait_txate{padding-top:3%;padding-left:5%;}
    .headportrait_txate_img img{
        width:100%;
        height:210px;
    }
    /* 昵称 */
    .headportrait_txate_text_one{
        font-size: 4.2rem;
    }
    /* 上海  徐汇区 */
    .headportrait_txate_text_two{
        font-size: 3rem;
        color:#999;
        margin-top:1%;
    }
    .headportrait_txate_text img{
        width:26px;
        height:32px;
    }
    /* 二维码 */
    .code_img img{
        width:100%;
        height:800px;
        margin-top:7%;
    }
    .code_img_usertx{
        width:100px;min-width: 100px;
        height:100px;min-height: 100px;
        position: relative;
        top:-310px;
        margin: 0 auto;
    }
    .code_img_usertx img{
        width:116px;min-width: 116px;
        height:116px;min-height: 116px;
        margin:0 auto;
    }
    /* 长按识别 */
    .shibie_text{
        margin-top:3%;
        text-align: center;
        color:#999;
        font-size: 4rem;
    }
    /* 分享 */
    .fenxiang_text .fenxiang_text_son a{
        border:2px solid #66ccff;
        font-size:6rem;
    }
    .box-header{height:54px;padding-top:1%;}
    .box-header strong{font-size: 2.2rem;}
    .All_son{height:1600px;min-height: 1600px;
        border-radius: 12px;
        -moz-border-radius: 12px;
        -o-border-radius: 12px;
        -webkit-border-radius: 12px;}
    .All{ min-width: 320px;height:2000px;min-height: 2000px;}
}
















